// 获取所有分类数据
$(function (res) {
    function init() {
        $.ajax({
            url: bignews.category_list,
            headers: { Authorization: localStorage.getItem('bignews_69_token') },
            success: function (res) {
                console.log(res)
                $('tbody').html(template('cateTemp', res))
            },
            dataType: 'json'
        })
    }

    init()

    // 封装函数
    //  function a(){}
    // a(b)
    function cateOpt(url, data) {
        $.ajax({
            type: 'post',
            url,
            data,
            headers: { Authorization: localStorage.getItem('bignews_69_token') },
            dataType: 'json',
            success: function (res) {
                console.log(res);
                alert('添加成功')
                $('#cateModal').modal('hide')
                init()
                $('#cateName').val('')
                $('#cateSlug').val('')
            }, error: function (err) {
                // console.log(err)
                if (err.status == 400) {
                    alert('添加失败,请不要添加重复值')
                }
            }
        })

    }
    cateOpt()

    let id

    // 实现文章分类的新增和编辑(判断是执行新增还是编辑)
    $('.btnOpt').on('click', function () {
        // 收集数据
        let name = $('#cateName').val()
        let slug = $('#cateSlug').val()

        console.log($('.btnOpt').text() == '新增')
        // 实现验证--自己搞定
        if ($('.btnOpt').text() == '新增') {
            // 发起ajax请求
            // $.ajax({
            //     type: 'post',
            //     url: bignews.category_add,
            //     data: { name, slug },
            //     headers: { Authorization: localStorage.getItem('bignews_69_token') },
            //     dataType: 'json',
            //     success: function (res) {
            //         console.log(res);
            //         alert('添加成功')
            //         $('#cateModal').modal('hide')
            //         init()
            //         $('#cateName').val('')
            //         $('#cateSlug').val('')
            //     },
            //     error: function (err) {
            //         // console.log(err)
            //         if (err.status == 400) {
            //             alert('添加失败,请不要添加重复值')
            //         }
            //     }
            // })
            cateOpt(bignews.category_add, { name, slug })
        } else {
            // $.ajax({
            //     type: 'post',
            //     url: bignews.category_edit,
            //     data: { name, slug, id },
            //     headers: { Authorization: localStorage.getItem('bignews_69_token') },
            //     dataType: 'json',
            //     success: function (res) {
            //         console.log(res);
            //         alert('编辑成功')
            //         $('#cateModal').modal('hide')
            //         init()
            //         $('#cateName').val('')
            //         $('#cateSlug').val('')

            //     }
            // })
            cateOpt(bignews.category_edit, { name, slug, id })
        }

    })

    //实现文件分类的删除
    //运用到事件委托,(动态生成时的东西)
    $('tbody').on('click', '.btnDel', function () {
        console.log(1)
        //confirm()运行完才进行下一步

        // if (confirm('请问真的要删除?')) { }(优化东西)

        let id = $(this).data('id')
        console.log(id)
        $.ajax({
            type: 'post',
            url: bignews.category_delete,
            headers: { Authorization: localStorage.getItem('bignews_69_token') },
            //获取其值id
            data: { id },
            dataType: 'json',
            success: function (res) {
                //提示
                alert(res.msg)
                //列表刷新
                init()
            }
        })


    })
    //实现文件分类的编辑:(弹出模态框并修改模态框中modal-title和btnOpt的内容)
    $('tbody').on('click', '.btnEitn', function () {
        //弹出模态框
        $('#cateModal').modal('show')

        //修改模态框文本内容
        $('.modal-title').text('编辑分类')
        $('.btnOpt').text('编辑')

        //获取分类数据的默认填充
        //data():获取自定义属性,在html的a放其定义的 data-name='{{$value.name}}' data-slug='{{$value.slug}}'
        let data = $(this).data()
        id = data.id
        console.log(data)
        console.log(id)
        $('#cateName').val(data.name)
        $('#cateSlug').val(data.slug)


    })

    //实现文件分类的新增分类:(弹出模态框并修改模态框中modal-title和btnOpt的内容)
    $('.btnAddCate').on('click', function () {
        $('#cateModal').modal('show')

        //修改模态框文本内容
        $('.modal-title').text('新增分类')
        $('.btnOpt').text('新增')

        //清空新增模态框里面的内容

        $('#cateName').val('')
        $('#cateSlug').val('')
    })
})